import { ReactNode } from 'react';
import style from './Button.module.css';
interface Props {
  color: 'primary' | 'secondary' | 'tertiary' | 'danger';
  children?: ReactNode;
  onClicked: () => void;
}

const Button = ({ color, children, onClicked }: Props) => {
  return (
    <div className={[style.bt, style['bt-' + color]].join(' ')} onClick={() => onClicked()}>
      {children}
    </div>
  );
};

export default Button;
